<template>

  <div class="main">
    <h1>study01基本使用</h1>
    <FullCalendar ref="funllCalendarRef" :options="calendarOptions"  />
  </div>
</template>

<script>
import FullCalendar from "@fullcalendar/vue";
export default {
    components: {
        FullCalendar,
    },
    data() {
        return {
            myCalendar:null,
            calendarOptions: {  
                weekends: false // 隐藏周六和周日              
            }
        }
    },
    mounted () {
        this.myCalendarApi = this.$refs.funllCalendarRef.getApi(); //获取日历Api
        myCalendarApi.next()
    }

}
</script>

<style>
.main{
    margin: 20px;
}
</style>